<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Welcome to Cult Cinema</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/easySlider1.5.js" charset="utf-8"></script>
        <script type="text/javascript" charset="utf-8">
            // <![CDATA[
            $(document).ready(function(){
                $("#slider").easySlider({
                    controlsBefore:	'<p id="controls">',
                    controlsAfter:	'</p>',
                    auto: true,
                    continuous: true
                });
            });
            function fbs_click() {u=location.href;t=document.title;
            window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
            return false;}
            // ]]>
        </script>
        <style type="text/css">
            #slider {
                padding:10px 0 10px 0;
                margin:0;
                list-style:none;
                width:674px;
            }
            #slider ul, #slider li {
                margin:0;
                padding:0;
                list-style:none;
            }
            #slider li {
                width:674px;
                height:385px;
                overflow:hidden;
            }
            p#controls {
                margin:0;
                position:relative;
            }
            #prevBtn {
                display:none;
            }
            #nextBtn {
                display:block;
                margin:0;
                overflow:hidden;
                width:24px;
                height:24px;
                position:absolute;
                left:0;
                top:-40px;
            }
            #nextBtn {
                left:634px;
            }
            #nextBtn a {
                display:block;
                width:24px;
                height:24px;
                background:url(images/button_next.gif) no-repeat 0 0;
            }
             </style>
    </head>
    <body>
        <div id="container">
            <jsp:include page="includes/header.jsp" />
            <div class="main">
                <div class="services">
                    <div class="service_bg">
                        <h3>Our services</h3>
                        <p>Welcome to Cult Cinema! This is the welcome page of our cinema. You can log in, register, search movie and purchase on this website. Have fun!</p>
                    </div>
                    <div class="clr"></div>
           			 <div class="service_bg">
                    <h3>About the authors</h3>
                    <p><img src="images/user_pic.jpg" width="63" height="63" hspace="5" align="left" alt="picture" /><a href="#"><strong>ZHANG Niantong</strong></a><br />
                        Department of Computer Science, City University of Hong Kong</p>
                    <p><img src="images/user_pic.jpg" width="63" height="63" hspace="5" align="left" alt="picture" /><a href="#"><strong>ZHANG Hao</strong></a><br />
                         Department of Computer Science, City University of Hong Kong</p>
                         </div>
                         <div class="service_bg">
                         <h3>Contect us!</h3>
                    <p>Tat Chee Avenue, Kowloon, Hong Kong SAR  </p>
                    <p><span class="px22">+ 852 1111 1111</span></p>
                    </div>
                    
                </div>
                <div class="global_main">
                    <div class="header_images">
                        <div class="gallery" id="slider">
                            <ul>
                                <li><img src="images/KFPANDA_1020.jpg" width="674" height="337" alt="screen 1" /><br />
                                    <span><strong>Kung Fu Panda</strong> Directed by John Wayne Stevenson and Mark Osborne and produced by Melissa Cobb </span></li>
                                <li><img src="images/yewen2.jpg" width="674" height="337" alt="screen 1" /><br />
                                    <span><strong>Ip Man 2</strong> Directed by Wilson Yip. Starring Donnie Yen, Simon Yam, Sammo Hung Kam-Bo.  </span></li>
                                <li><img src="images/The-Kings-Speech-Poster-uk-poster.jpg" width="674" height="337" alt="screen 1" /><br />
                                    <span><strong>The King's Speech </strong> Directed by Tom Hooper. Starring Colin Firth, Geoffrey Rush, Helena Bonham Carter.  </span></li>
                            </ul>
                        </div>
                    </div>
                    <ul class="list_gallery">
                        <li><a href="#"><img src="images/KFPANDA_1020.jpg" alt="movie 1" width="216" height="155" border="0" /></a></li>
                        <li><a href="#"><img src="images/yewen2.jpg" alt="movie 2" width="216" height="155" border="0" /></a></li>
                        <li class="last"><a href="#"><img src="images/The-Kings-Speech-Poster-uk-poster.jpg" alt="movie 3" width="216" height="155" border="0" /></a></li>
                    </ul>
                    <div class="clr"></div>
                    <div class="block_text">
                        <div class="block_list">
                            <p class="title">Kung Fu Panda</p>
                            <p>In the Valley of Peace, Po the Panda finds himself chosen as the Dragon Warrior despite the fact that he is obese and a complete novice at martial arts. </p>    
                            <a href="nonmemberSearch.do" class="link"> Purchase Now! </a> </div>
                        <div class="block_list">
                            <p class="title">Ip Man 2</p>
                            <p>Centering on Ip Man's migration to Hong Kong in 1949 as he attempts to propagate his discipline of Wing Chun martial arts. He is the honor of Hong Kong people. </p>
                            <a href="nonmemberSearch.do" class="link"> Purchase Now! </a> </div>
                        <div class="block_list">
                            <p class="title">The King's Speech</p>
                            <p>The story of King George VI of Britain, his impromptu ascension to the throne and the speech therapist who helped the unsure monarch become worthy of it. </p>
                            <a href="nonmemberSearch.do" class="link"> Purchase Now! </a> </div>
                        <div class="clr"></div>
                        <div class="block_full">
                            <p class="title">About this website</p>
                            <p>The Cult Cinema Inc. is building a multi-story cinema complex near the Westland Culture District. For fully supporting the requirements from general public on the Internet and ticketing officers at the box office, our team has built a multi-lingual Internet-based ticketing system for The Cult Cinema Inc. This ticketing system is totally based on all the possible scenarios and on behalf of all the stakeholders’ profits. </p>
                        </div>
                    </div>
                </div>
            </div>
            <jsp:include page="includes/footer.html" />
            </div>
    </body>
</html>